<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../assets/css/basic.css" />
		<link rel="stylesheet" type="text/css" href="../../assets/css/demo.css" />
		<link rel="stylesheet" type="text/css" href="../../assets/css/admin.css" />
		<link rel="stylesheet" type="text/css" href="../../assets/css/hmstyle.css" />
	</head>

	<body>
		
		<br /><br />
		
		<div id="shopmain" class="shopMain">
			<div class="mr-g mr-g-fixed recommendation">
				<div class="clock mr-u-sm-3"><img src="../../assets/images/2016.png">
					<p>今日<br>推荐</p>
				</div>
				<div class="mr-u-sm-4 mr-u-lg-3 ">
					<div class="info ">
						<h3>真的有鱼</h3>
						<h4>开年福利篇</h4></div>
					<div class="recommendationMain one">
						<a href="javascript:void(0)"><img src="../../assets/images/tj.png"></a>
					</div>
				</div>
				<div class="mr-u-sm-4 mr-u-lg-3 ">
					<div class="info ">
						<h3>囤货过冬</h3>
						<h4>让爱早回家</h4></div>
					<div class="recommendationMain two">
						<a href="javascript:void(0)"><img src="../../assets/images/tj1.png"></a>
					</div>
				</div>
				<div class="mr-u-sm-4 mr-u-lg-3 ">
					<div class="info ">
						<h3>浪漫情人节</h3>
						<h4>甜甜蜜蜜</h4></div>
					<div class="recommendationMain three ">
						<a href="javascript:void(0)"><img src="../../assets/images/tj2.png"></a>
					</div>
				</div>
			</div>
			<div class="mr-container activity ">
				<div class="shopTitle ">
					<h4>活动</h4>
					<h3>每期活动 优惠享不停 </h3><span class="more "><a href="javascript:void(0)">全部活动<i class="mr-icon-angle-right" style="padding-left: 10px;"></i></a></span></div>
				<div class="mr-g mr-g-fixed ">
					<div class="mr-u-sm-3 ">
						<div class="icon-sale one "></div>
						<h4>秒杀</h4>
						<div class="activityMain ">
							<a href="javascript:void(0)"><img src="../../assets/images/activity1.jpg"></a>
						</div>
						<div class="info ">
							<h3><a href="javascript:void(0)">春节送礼优选</a></h3></div>
					</div>
					<div class="mr-u-sm-3 ">
						<div class="icon-sale two "></div>
						<h4>特惠</h4>
						<div class="activityMain ">
							<a href="javascript:void(0)"><img src="../../assets/images/activity2.jpg"></a>
						</div>
						<div class="info ">
							<a href="javascript:void(0)">
								<h3>春节送礼优选</h3></a>
						</div>
					</div>
					<div class="mr-u-sm-3 ">
						<div class="icon-sale three "></div>
						<h4>团购</h4>
						<div class="activityMain ">
							<a href="javascript:void(0)"><img src="../../assets/images/activity3.jpg"></a>
						</div>
						<div class="info ">
							<a href="javascript:void(0)">
								<h3>春节送礼优选</h3></a>
						</div>
					</div>
					<div class="mr-u-sm-3 last ">
						<div class="icon-sale "></div>
						<h4>超值</h4>
						<div class="activityMain ">
							<a href="javascript:void(0)"><img src="../../assets/images/activity.jpg"></a>
						</div>
						<div class="info ">
							<a href="javascript:void(0)">
								<h3>春节送礼优选</h3></a>
						</div>
					</div>
				</div>
			</div>
			<div id="f1">
				<div class="mr-container ">
					<div class="shopTitle ">
						<h4>手机</h4>
						<h3>手机风暴</h3>
						<div class="today-brands ">
							<a href="javascript:void(0)">小米</a>
							<a href="javascript:void(0)">荣耀</a>
							<a href="javascript:void(0)">乐视</a>
							<a href="javascript:void(0)">魅族</a>
							<a href="javascript:void(0)">联想</a>
							<a href="javascript:void(0)">OPPO</a>
						</div><span class="more "><a href="javascript:void(0)">更多手机<i class="mr-icon-angle-right" style="padding-left: 10px;"></i></a></span></div>
				</div>
				<div class="mr-g mr-g-fixed floodFive ">
					<div class="mr-u-sm-5 mr-u-md-3 text-one list">
						<div class="word">
							<a href="javascript:void(0)" class="outer"><span class="inner"><b class="text">十核</b></span></a>
							<a href="javascript:void(0)" class="outer"><span class="inner"><b class="text">八核</b></span></a>
							<a href="javascript:void(0)" class="outer"><span class="inner"><b class="text">双四核</b></span></a>
							<a href="javascript:void(0)" class="outer"><span class="inner"><b class="text">四核</b></span></a>
							<a href="javascript:void(0)" class="outer"><span class="inner"><b class="text">双核</b></span></a>
							<a href="javascript:void(0)" class="outer"><span class="inner"><b class="text">单核</b></span></a>
						</div>
						<a href="javascript:void(0)"><img src="../../assets/images/tel.png" width="100px" height="170px">
							<div class="outer-con ">
								<div class="title "> 免费领30天碎屏险 </div>
								<div class="sub-title "> 颜值之星，双摄之星 </div>
							</div>
						</a>
						<div class="triangle-topright"></div>
					</div>
					<div class="mr-u-sm-7 mr-u-md-5 mr-u-lg-2 text-two">
						<div class="outer-con ">
							<div class="title "> 荣耀8 </div>
							<div class="sub-title "> ¥5888.00 </div><i class="mr-icon-shopping-basket mr-icon-md  seprate"></i></div>
						<a href="javascript:void(0)"><img src="../../assets/images/phone1.jpg"></a>
					</div>
					<div class="mr-u-md-2 mr-u-lg-2 text-three sug">
						<div class="outer-con ">
							<div class="title "> 一加手机 </div>
							<div class="sub-title "> ¥2499.00 </div><i class="mr-icon-shopping-basket mr-icon-md  seprate"></i></div>
						<a href="javascript:void(0)"><img src="../../assets/images/phone2.jpg"></a>
					</div>
					<div class="mr-u-md-2 mr-u-lg-2 text-three big">
						<div class="outer-con ">
							<div class="title "> 红米 </div>
							<div class="sub-title "> ¥1199.00 </div><i class="mr-icon-shopping-basket mr-icon-md  seprate"></i></div>
						<a href="javascript:void(0)"><img src="../../assets/images/phone5.jpg"></a>
					</div>
					<div class="mr-u-sm-4 mr-u-md-5 mr-u-lg-4 text-five">
						<div class="outer-con ">
							<div class="title "> LG G5 </div>
							<div class="sub-title "> ¥2999.00 </div><i class="mr-icon-shopping-basket mr-icon-md  seprate"></i></div>
						<a href="javascript:void(0)"><img src="../../assets/images/phone3.jpg"></a>
					</div>
					<div class="mr-u-sm-4 mr-u-md-2 mr-u-lg-2 text-six">
						<div class="outer-con ">
							<div class="title "> 苹果4s手机 </div>
							<div class="sub-title "> ¥2099.00 </div><i class="mr-icon-shopping-basket mr-icon-md  seprate"></i></div>
						<a href="javascript:void(0)"><img src="../../assets/images/phone4.jpg"></a>
					</div>
					<div class="mr-u-sm-4 mr-u-md-2 mr-u-lg-4 text-six big">
						<div class="outer-con ">
							<div class="title "> 魅族 魅蓝 </div>
							<div class="sub-title "> ¥999.00 </div><i class="mr-icon-shopping-basket mr-icon-md  seprate"></i></div>
						<a href="javascript:void(0)"><img src="../../assets/images/phone5.jpg"></a>
					</div>
				</div>
				<div class="clear "></div>
			</div>
			<div id="f2">
				<div class="mr-container ">
					<div class="shopTitle ">
						<h4>电脑</h4>
						<h3>新年换新机</h3>
						<div class="today-brands ">
							<a href="javascript:void(0)">戴尔</a>
							<a href="javascript:void(0)">清华同方</a>
							<a href="javascript:void(0)">小米 </a>
							<a href="javascript:void(0)">联想</a>
							<a href="javascript:void(0)">惠普</a>
							<a href="javascript:void(0)">三星</a>
						</div><span class="more "><a href="javascript:void(0)">更多电脑<i class="mr-icon-angle-right" style="padding-left: 10px;"></i></a></span></div>
				</div>
				<div class="mr-g mr-g-fixed floodFour">
					<div class="mr-u-sm-5 mr-u-md-4 text-one list ">
						<div class="word">
							<a href="javascript:void(0)" class="outer"><span class="inner"><b class="text">CPU</b></span></a>
							<a href="javascript:void(0)" class="outer"><span class="inner"><b class="text">显卡</b></span></a>
							<a href="javascript:void(0)" class="outer"><span class="inner"><b class="text">机箱</b></span></a>
							<a href="javascript:void(0)" class="outer"><span class="inner"><b class="text">键盘</b></span></a>
							<a href="javascript:void(0)" class="outer"><span class="inner"><b class="text">鼠标</b></span></a>
							<a href="javascript:void(0)" class="outer"><span class="inner"><b class="text">U盘</b></span></a>
						</div>
						<a href="javascript:void(0)">
							<div class="outer-con ">
								<div class="title "> 致敬2016 </div>
								<div class="sub-title "> 新春大礼包 </div>
							</div><img src="../../assets/images/computerArt.png" width="120px" height="200px"></a>
						<div class="triangle-topright"></div>
					</div>
					<div class="mr-u-sm-7 mr-u-md-4 text-two sug">
						<div class="outer-con ">
							<div class="title "> 惠普（HP）笔记本 </div>
							<div class="sub-title "> ¥4999.00 </div><i class="mr-icon-shopping-basket mr-icon-md seprate"></i></div>
						<a href="javascript:void(0)"><img src="../../assets/images/computer1.jpg"></a>
					</div>
					<div class="mr-u-sm-7 mr-u-md-4 text-two">
						<div class="outer-con ">
							<div class="title "> 罗技蓝牙键盘 </div>
							<div class="sub-title "> ¥179.90 </div><i class="mr-icon-shopping-basket mr-icon-md  seprate"></i></div>
						<a href="javascript:void(0)"><img src="../../assets/images/computer2.jpg"></a>
					</div>
					<div class="mr-u-sm-3 mr-u-md-2 text-three big">
						<div class="outer-con ">
							<div class="title "> 米奇优盘 </div>
							<div class="sub-title "> ¥39.90 </div><i class="mr-icon-shopping-basket mr-icon-md  seprate"></i></div>
						<a href="javascript:void(0)"><img src="../../assets/images/computer3.jpg"></a>
					</div>
					<div class="mr-u-sm-3 mr-u-md-2 text-three sug">
						<div class="outer-con ">
							<div class="title "> 优派液晶显示器 </div>
							<div class="sub-title "> ¥699.00 </div><i class="mr-icon-shopping-basket mr-icon-md  seprate"></i></div>
						<a href="javascript:void(0)"><img src="../../assets/images/computer4.jpg"></a>
					</div>
					<div class="mr-u-sm-3 mr-u-md-2 text-three ">
						<div class="outer-con ">
							<div class="title "> 联想笔记本 </div>
							<div class="sub-title "> ¥6599.00 </div><i class="mr-icon-shopping-basket mr-icon-md  seprate"></i></div>
						<a href="javascript:void(0)"><img src="../../assets/images/computer5.jpg"></a>
					</div>
					<div class="mr-u-sm-3 mr-u-md-2 text-three last big ">
						<div class="outer-con ">
							<div class="title "> LG 航拍器 </div>
							<div class="sub-title "> ¥699.00 </div><i class="mr-icon-shopping-basket mr-icon-md  seprate"></i></div>
						<a href="javascript:void(0)"><img src="../../assets/images/computer6.jpg"></a>
					</div>
				</div>
			</div>
		</div>
		
		<br /><br />
		
	</body>

</html>